<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单</title>
</head>
<body>
   <form action="">
     <!-- text 文本框  placeholder 占位文字-->
     <label for="name">姓名:</label>
     <input type="text" placeholder="请您输入姓名" id="name"><br>
     <!-- password 密码框 -->
     <label for="mima">密码:</label>
     <input type="password" placeholder="请您输入密码" id="mima" ><br>
     <!-- radio 单选框  name属性  给相同的值就可以单选  checked默认选中-->
     性别:
     <label><input type="radio" name="sex" checked>男</label>
     <label><input type="radio" name="sex">女</label>  <br>
          <!-- checkbox 多选框 复选框 -->
     爱好:<input type="checkbox" name="hobby" checked>篮球
          <input type="checkbox" name="hobby">足球
          <input type="checkbox" name="hobby">羽毛球<br>
          <!-- 文件域上传文件的表单 multiple可以多选文件 -->
          上传头像:<input type="file" multiple> <br>
          <!-- 下拉表单    select 选择    option 选项  selected默认选中 -->
          籍贯:<select >
             <option  selected>北京</option>
             <option >上海</option>
             <option >广州</option>
             <option >深圳</option>
          </select>  <br>
          <!-- 文本域（可以写多行） cols列数   rows 行数  -->
          个人简介:<textarea cols="10" rows="4"></textarea> <br>
          <button type="button">搜索</button>
          <button type="submit">提交</button>
          <button type="reset">重置</button>
          </select>
   </form>
</body>
</html>